<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>消息</title>
    <script src="js/viewport.js"></script>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/msg.css">
</head>

<body>
    <!-- 顶部导航栏 -->
    <nav class="top-navbar">
        <ul>
            <li class="back"><i></i></li>
            <li>
                <h2>消息</h2>
            </li>
            <li class="icon"></li>
        </ul>
    </nav>
    <!-- 无消息 -->
    <p class="empty hide" id="msgEmpty">暂无消息</p>
    <!-- 消息列表 -->
    <ul class="msg-list hide" id="msgList"></ul>
    
    <script src="libs/zepto.min.js"></script>
    <script src="libs/touch.js"></script>
    <script src="js/common.js"></script>
    <script src="js/msg.js"></script>
</body>

</html>